<template>
  <div class="container">
      <div class="row justify-content-center">
          <div class="card">
              <div class="card-header">Example Component</div>
              <div class="card-body">
                  I'm an example component.
              </div>
          </div>
      </div>
  </div>
</template>

<script>
export default {
  name: 'ExampleComponent'
}
</script>

<style scoped>
.container {
  margin-top: 20px;
}
</style>
